<!--
  Description: Nide.
  Version: 1.0.1.7, Sep 16, 2010
  Author: Liang Ding
  Author: Liyuan Li
-->
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>${htmlTitle}</title>
        <link type="text/css" href="styles/default.css" rel="stylesheet"/>
        <link type="text/css" href="styles/editor.css" rel="stylesheet"/>
        <script type="text/javascript" src="js/lib/jquery/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="js/lib/json2.min.js"></script>
        <script type="text/javascript" src="js/lib/jsonrpc.min.js"></script>
        <script type="text/javascript" src="js/lib/tree/jquery.jstree.min.js"></script>

        <script type="text/javascript" src="js/html5.js"></script>
        <script type="text/javascript" src="js/json-rpc.js"></script>
        <script type="text/javascript" src="js/language.js"></script>
        <script type="text/javascript" src="js/file.js"></script>
        <script type="text/javascript" src="js/build.js"></script>
        <script type="text/javascript" src="js/run.js"></script>
        <script type="text/javascript" src="js/new-file.js"></script>

        <script type="text/javascript" src="js/local-storage.js"></script>
        <script type="text/javascript" src="js/output.js"></script>
        <script type="text/javascript" src="js/util.js"></script>
        <script type="text/javascript" src="js/project-space-tree.js"></script>
        <script type="text/javascript" src="js/editor.js"></script>
    </head>
    <body>
    <header>
        <menu>
            <li>
                <a href="#"  draggable="true">File</a>
                <ul>
                    <li onclick="step.init({ 'type': 'newProject',
                        'steps': ['chooseProject', 'mavenArchetype','nameAndLocationProject']});">
                        <a href="#">New&nbsp;Project</a>
                    </li>
                    <li onclick="step.init({ 'type': 'newFile',
                    'steps': ['chooseFileType', 'nameAndLocationFile']});">
                        <a href="#">New&nbsp;File</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#"> Edit</a>
            </li>
            <li>
                <a href="#">View</a>
            </li>
        </menu>
    </header>
    <a href="http://json.bloople.net" onclick="window.open(this.href);return false;">JSON 2 HTML</a>
    <div>
        <aside id="projectSpaceTree" class="left"></aside>
        <div class="right main">
            <section>
                <div class="editor-codeComplete none" id="editorCodeComplete"></div>
                <div id="editorDiv">
                </div>
            </section>            
            <section>
                <div>
                    <span onclick="editor1.editor('openFile')" class="openFileLabel button">${openFile}</span>
                    <span onclick="editor1.editor('saveFile')" class="saveFileLabel button">${saveFile}</span>
                    <span onclick="compileFile()" class="compileFileLabel button">${compileFile}</span>
                    <span onclick="cleanAndBuild()" class="cleanAndBuildLabel button">${cleanAndBuild}</span>
                    <span onclick="runFile()" class="runFileLabel button">${runFile}</span>
                    row:<input type="text" id="goRow"/>
                    col:<input type="text" id="goColumn"/>
                    <input type="button" value="go" onclick="editor1.editor('goPosition');"/>
                </div>
                <div>
                    <div id="output" class="border"></div>
                </div>
            </section>
        </div>
    </div>
    <#include "/new-project.ftl">
    <#include "/new-file.ftl">
</body>
</html>
